import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';

function RBD() {
  function onDragEnd() {}

  return (
    <div>
      <DragDropContext onDragEnd={onDragEnd}>
        <Droppable droppableId="droppable" direction="horizontal">
          {(provided, snapshot) => <div>xxx</div>}
        </Droppable>
      </DragDropContext>
    </div>
  );
}

export default RBD;
